<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><!--这一行 重要必加 -->
    <title>百事可元</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        ul {
            list-style: none;
        }

        a {
            text-decoration: none;
        }

        img {
            display: block;
            border: none;
        }

        .jlist {
            margin: 5px;

    
        }

        .jlist li {

      margin:38px ;
            margin-right: 10px;
            margin-bottom: 8px;
        }

        .jlist div {
            position: relative;
        }

        .jlist img {
            width: 100%;
            margin: 10px;

        }



        .jlist h3 {
            font-size: 16px;
            line-height: 22px;
            text-align: left;
        }

        .jlist p {
            font-size: 14px;
            color: #333;
            line-height: 18px;
    
        }
        h1{
            text-align: center;
            font-size: 20px;
        }
    </style>
</head>

<body>
    <ul class="jlist">
        <li>

            <h3>1.git的下载</h3>
            <p>在应用商城下载git 安装路径随便，选项一路next点到底就行</p>
            <div>
                <a href="#"><img src="./教程图片/git.png"></a>


            </div>
        </li>
        <li>

            <h3>2.创建仓库</h3>
            <p>点击我的仓库后，右上角新建仓库仓库</p>
            <div>
                <img src="./教程图片/第一步 打开用户首页仓库.png">


            </div>
        </li>
      
        <li>

            <h3>3.创建仓库2</h3>
            <p>按照我的选项走</p>
            <div>
                <img src="./教程图片/创建仓库2.png">


            </div>
        </li>
     
        <li>

            <h3>4.创建仓库3</h3>
            <p>这样一个仓库就创建好啦</p>
            <div>
                <img src="./教程图片/仓库创建好啦.png">


            </div>
        </li>
        <li>

            <h3>5.复制码云路径</h3>
            <p>点击右边这个橘色的玩意(克隆/下载)上面有个复制代码 记住是https的！</p>
            <div>
                <img src="./教程图片/克隆下载.png">
                <img src="./教程图片/克隆下载2.png">


            </div>
        </li>
        <li>

            <h3>6.创建本地文件夹</h3>
            <p>这时候我们在桌面创建一个文件夹，并且给他改个名字，我的命名是教程上传</p>
            <div>
                <img src="./教程图片/创建文件夹.png">


            </div>
        </li>
        <li>

            <h3>7.在本地文件夹中，右击鼠标点击图中红圈内容</h3>
      <p>点击git bash here</p>
            <div>
                <img src="./教程图片/git bash here.png">


            </div>
        </li>
        <li>

            <h3>8.git页面</h3>
            <p>在这个美刀$符号后面输入git init</p>
            <div>
                <img src="./教程图片/get init.png">


            </div>
        </li>
        <li>

            <h3>9.隐藏文件夹.git</h3>
            <p>这时候我们会发现我们刚刚空空如也的文件夹多了个隐藏文件夹.git 点击进去</p>
            <div>
                <img src="./教程图片/。git.png">


            </div>
        </li>
        <li>

            <h3>10.config</h3>
            <p>找到config文件用写字板打开后，按照我的格式在后面加上用户名和邮箱</p>
            <div>
                <img src="./教程图片/email name.png">


            </div>
        </li>
        <li>

            <h3>11.git remote add origin </h3>
            <p>.然后在回到本地新建的文件夹里，继续操作git
                输入git remote add origin + 你刚刚在码云复制的</p>
            <div>
                <img src="./教程图片/get.png">


            </div>
        </li>
        <li>

            <h3>12.git pull origin master 命令 </h3>
            <p>继续输入 git pull origin master 命令，将码云上的仓库pull到本地文件夹</p>
            <div>
                <img src="./教程图片/git pull origin master 命令.png">


            </div>
        </li>
        <li>

            <h3>13.git pull origin master 命令2 </h3>
            <p>这时候我们发现本地文件夹中出了.git之外又出现了两个文件，这是你从码云仓库下载下来的</p>
            <div>
                <img src="./教程图片/readme.png">


            </div>
        </li>
        <li>

            <h3>14.把你要上传的文件放置到你新建的文件中 </h3>
            <p></p>
            <div>
            


            </div>
        </li>
        <li>

            <h3>15.git add . </h3>
            <p>在输入git add .(注意空格！！！！！）这个表示所有选择</p>
            <div>
                <img src="./教程图片/git add.png">


            </div>
        </li>
        <li>

            <h3>16.说明 </h3>
            <p>输入git commit -m '说明'（这个是添加的文件的备注）</p>
            <div>
                <img src="./教程图片/第一次上传.png">


            </div>
        </li>
        <li>

            <h3>17.git push origin master</h3>
            <p>输入 git push origin master ，将本地仓库推送到远程仓库</p>
            <div>
                <img src="./教程图片/get 最后上传.png">


            </div>
        </li>
        <li>

            <h3>18.回到仓库页面文件已经添加</h3>

            <div>
                <img src="./教程图片/文件已经上.png">


            </div>
        </li> 
        
        <h1>恭喜你！！！如果你到了这一步说明你已经完成了百分之99了只差最后一步了！</h1>
<h1>那么问题来了我们要怎么样才能使他直接点开就能变成网页呢</h1>
<p>首先点开仓库的服务按钮</p>
<img src="./教程图片/服务.png">
<p>如果是第一次使用的话，服务器会让你进行实名（怕你们搞颜色!!可刑！）需要准备三样东西</br>1.身份证正面照片</br>2.身份证国徽面</br>3.本人手持身份证的帅（美）照片</p>
<p>通过后选择强制使用https，等待一会右边会出现一个网址就可以使用了</p>
<img src="./教程图片/强制使用.png">
    </ul>
  
</body>

</html>